<template>
  <view :class="['vh100', { dark: theme == 'dark' }]">
    <!-- <navigator v-show="getPhone==''" url="/pages/mine/bondEmailOrPhone" class="ptb20 ft14 flex alcenter between plr10 bdb_blue3">
			<span>{{$t('bico.W801')}}</span>
			<span class="flex alcenter">{{$t('login.s_edit')}}<image src="../../static/image/mores.png" class="wt15 h15 ml10"></image></span>
		</navigator> -->
    <navigator
      v-show="getEmail == ''"
      url="/pages/mine/bondEmailOrPhone"
      class="ptb20 ft14 flex alcenter between plr10 bdb_blue3"
    >
      <span>{{ $t('bico.W802') }}</span>
      <span class="flex alcenter"
        >{{ $t('login.s_edit')
        }}<image
          src="../../static/image/mores.png"
          class="wt15 h15 ml10"
        ></image
      ></span>
    </navigator>

    <navigator
      url="/pages/mine/modifyPwd"
      class="ptb20 ft14 flex alcenter between plr10 bdb_blue3"
    >
      <span>{{ $t('login.s_loginpwd') }}</span>
      <span class="flex alcenter"
        >{{ $t('login.s_edit')
        }}<image
          src="../../static/image/mores.png"
          class="wt15 h15 ml10"
        ></image
      ></span>
    </navigator>
    <navigator
      url="/pages/mine/resetLegalPwd"
      class="ptb20 ft14 flex alcenter between plr10 bdb_blue3"
    >
      <span>{{ $t('login.s_dealpwd') }}</span>
      <span class="flex alcenter"
        >{{ $t('login.s_edit')
        }}<image
          src="../../static/image/mores.png"
          class="wt15 h15 ml10"
        ></image
      ></span>
    </navigator>
  </view>
</template>

<script>
import { mapState, mapActions, mapGetters } from 'vuex';
import { info } from '../../common/apiString.js';
import { myMixins } from '@/common/myMixins.js';
export default {
  mixins: [myMixins],
  data() {
    return {
      getEmail: '1',
      getPhone: '1'
    };
  },
  computed: {
    ...mapState({
      theme: state => state.theme
    })
  },
  onLoad() {
    uni.setNavigationBarTitle({
      title: this.$t('login').security
    });
    this.$utils.setTheme(this.theme);
  },
  onShow() {
    this.getUserInfo();
  },
  methods: {
    //获取用户信息
    getUserInfo() {
      var that = this;
      this.$utils.initDataToken({ url: info, data: {}, type: 'POST' }, res => {
        that.getEmail = res.email;
		sessionStorage.setItem('accountEmail',that.getEmail)
        that.getPhone = res.phone;
      });
    }
  }
};
</script>

<style lang="scss">
.vh100 {
  min-height: 100vh;
  padding: 2vw;
}
</style>
